<template>
  <div>
     <el-container>
         <el-header>
           <main-header/>
         </el-header>
         <el-container>
           <el-aside  :class="$store.state.sys.asideWidth=='50px'?'right-margin-50':'right-margin-220'">
            <main-siderBar/>
          </el-aside>
            <el-main id="mainDiv">
              <app-main/>
            </el-main>
           </el-container>
     </el-container>
  </div>
</template>
<script>

import mainHeader from "@/components/header"
import mainSiderBar from "@/components/left"
import appMain from "@/components/appMain"

export default{
  components: {mainHeader,mainSiderBar,appMain}, //注册组件
  data(){
    return{

    }
  }
}
</script>
<style>
.el-aside {
  width:200px!important;
}

</style>
